<template>
    <!-- 每个模版页必须有一个根节点标签 -->
    <div>
        <!-- 这里就是组件页面显示的内容 -->
        <h1>子组件接收父组件传递过来的值</h1>
        <p>{{ myText }}</p>
    </div>
</template>

<script>
//引入外部组件
//import menu from ''
export default {
  name: "mycompontentsA",//定义组件的名称
  props:{ //定义对外暴露属性
    compontentsText:String
  },
  data(){ //定义内部属性
    return{
        myText:this.compontentsText
    }
  }
}
</script>

<style scoped>
/* 独立组件的样式，写这里，支持标准的css语法 */

</style>